<!DOCTYPE html>
<!-- saved from url=(0066)https://msc.jd.com/card/loginpage/wcoo/toAddNewCardPage?goBackUrl= -->
<html>
<head lang="en">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>添加银行卡</title>


    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1">
    <meta name="format-detection" content="telephone=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta http-equiv="Expires" content="0">
    <meta http-equiv="Cache-Control" content="no-cache">
    <meta http-equiv="Pragma" content="no-cache">
    <!--APPéæ©ç®è¤-->

    <link href="/css/添加银行卡_files/common.v2.css" rel="stylesheet" type="text/css">
    <link href="/css/添加银行卡_files/smrz.v2.css" rel="stylesheet" type="text/css">

    <script src="/css/添加银行卡_files/saved_resource" type="text/javascript"></script>

    <link rel="icon" href="" type="image/x-icon">
    <script src="/js/plugins/jquery/jquery.min.js"></script>
    <script src="/js/plugins/form/jquery.form.js"></script>
    <script src="/js/plugins/jrender/jrender.min.js"></script>
    <link rel="stylesheet" href="/js/plugins/dialog2/dialog.css"/>
    <script src="/js/plugins/dialog2/dialog.min.js"></script>
    <script src="/js/common.js"></script>
    <link rel="stylesheet" type="text/css" charset="utf-8" href="/css/添加银行卡_files/header.css">
    <script src="/css/添加银行卡_files/jdwebm.js.下载"></script>
    <script async="" src="/css/添加银行卡_files/gatherInfo.js.下载"></script>
</head>
<body>


<script>var PLAT = "browser", SOURCE = "4";</script>
<!--浏览器访问添加京东商城Head-->

<!-- 通用头 div -->
<link rel="stylesheet" type="text/css" href="/css/添加银行卡_files/header(1).css" charset="utf-8">
<div id="m_common_header" style="min-height:45px;">
    <header class="jd-header">
        <div class="jd-header-new-bar">
            <div report-eventid="MCommonHead_Back"
                 report-eventparam="https://msc.jd.com/card/loginpage/wcoo/toAddNewCardPage" id="m_common_header_goback"
                 class="jd-header-icon-back J_ping"><span></span></div>
            <div class="jd-header-new-title">我的京东</div>
            <div report-eventid="MCommonHead_NavigateButton"
                 report-eventparam="https://msc.jd.com/card/loginpage/wcoo/toAddNewCardPage" id="m_common_header_jdkey"
                 class="jd-header-icon-new-shortcut J_ping"><span></span></div>
        </div>
    </header>
</div>
<script src="/css/添加银行卡_files/downloadAppPlugIn_imk2.js.下载" type="text/javascript"></script>
<script src="/css/添加银行卡_files/m_common2.1.js.下载" type="text/javascript"></script>
<script src="/css/添加银行卡_files/m_common_header_bottom2.1.js.下载" type="text/javascript"></script>

<script>
    (function () {
        var mchb = new MCommonHeaderBottom(),
            headerArg = {
                hrederId: 'm_common_header',
                title: '我的螺窝窝',
                sid: '',
                isShowShortCut: false,
                selectedShortCut: '4',
                onClickGoback: function () {
                    history.back()
                }
            };
//            headerArg = {hrederId : 'm_common_header', title:'我的京东', sid : '', isShowShortCut : false, selectedShortCut : '4'};
        mchb.header(headerArg);
    })();
</script>
<script>
    $(function () {
        //首页
        $(".homeBnt").click(function () {
            window.location.href = "/index.html";
        })
        var user = JSON.parse(sessionStorage.getItem("user"));

        if (user.nickName.length == 4) {
            user.nickName = user.nickName.slice(2);
        }
        $("#nameBnt").renderValues(user)
        $("#infoForm input[name='user.id']").val(user.id);
        //添加银行卡
        $("#confirmBtn").click(function () {
            $("#infoForm").ajaxSubmit(function (data) {
                if (data.success) {
                    $(document).dialog({
                        type: 'confirm',
                        style: 'IOS',
                        titleShow: false,
                        content: '绑定成功!',
                        buttons: [
                            {
                                name: '确定!',
                                callback: function () {
                                    //跳转
                                    window.location.href = "/mine/bankCard.html";
                                }
                            }
                        ]
                    });
                } else {
                    $(document).dialog({
                        titleShow: false,
                        content: data.msg
                    });
                }
            })
        })
    })
</script>
<!--设置背景颜色-->


<script>

</script>

<script src="/css/添加银行卡_files/m.html"></script>
<script src="/css/添加银行卡_files/m.js.下载"></script>


<div class="idcrdInfo cl" id="nameBnt">**
    <span class="perName" render-html="nickName"></span>
    <span class="idcardNm">4****************6</span>
</div>
<div class="pl30 col-bgw pos-re nameAndId">
    <form id="infoForm" action="/bankcards/save" method="post">
        <input type="hidden" name="user.id">
        <div class=" ui-form-item border-1px border-bottom pos-re ui-textfield" id="bankcard">
            <p class="pos-ab col-359df5 ui-form-lable ft-30px ft-col-ccc"></p>
            <input name="card" class="ft-30px debit anim-input" type="tel" placeholder="银行卡号(4)">
            <div id="sportCard" data-rn="0" class="sportCard pos-ab db">
                <i class="pos-ab card_icon card_icon_bg"></i>
            </div>
        </div>
        <!--data-msg="填写手机号银行卡"-->
        <div class="ui-form-item pos-re ui-textfield">
            <p class="pos-ab col-359df5 ui-form-lable ft-30px ft-col-ccc"></p>
            <input name="phone" class="ft-30px debit anim-input" autocomplete="on" maxlength="11"
                   placeholder="银行卡手机号">
            <div id="phoneNumCan" class="rightCancel pos-ab dn"><img class="pos-ab" src="/css/添加银行卡_files/clear.png">
            </div>
        </div>
        <div class="ui-form-item pos-re ui-textfield">
            <p class="pos-ab col-359df5 ui-form-lable ft-30px ft-col-ccc"></p>
            <input name="password" class="ft-30px debit anim-input" type="tel" autocomplete="on" maxlength="11"
                   placeholder="支付密码(6)">
            <div id="phoneNumCan2" class="rightCancel pos-ab dn"><img class="pos-ab" src="/css/添加银行卡_files/clear.png">
            </div>
        </div>
        <div class="ui-form-item pos-re ui-textfield">
            <p class="pos-ab col-359df5 ui-form-lable ft-30px ft-col-ccc"></p>
            <br>卡的型号:
            <select class="" name="typeinfoId">
                <option value="0">储蓄卡</option>
                <option value="1">信用卡</option>
            </select>
            <div id="phoneNumCans1" class="rightCancel pos-ab dn"><img class="pos-ab" src="/css/添加银行卡_files/clear.png">
            </div>
        </div>
        <div class="ui-form-item pos-re ui-textfield">
            <p class="pos-ab col-359df5 ui-form-lable ft-30px ft-col-ccc"></p>
            <br>添加银行:
            <select class="" name="cardnameId">
                <option value="0">中国银行</option>
                <option value="1">建设银行</option>
                <option value="2">招商银行</option>
            </select>
            <div id="phoneNumCans" class="rightCancel pos-ab dn"><img class="pos-ab" src="/css/添加银行卡_files/clear.png">
            </div>
        </div>
    </form>
</div>
<div id="paytip" class="textcont top col-ff801a w90 magin20 dn">该银行卡验证将会从您的卡中扣除0.1元，稍后会退还到您的卡中</div>
<div class="header cl">
    <p class="ft-24px col-999999 dn"></p>
</div>
<div id="confirmBtn" class="makeSurebtn col-btn1Gray" style="background-color:lightgreen;">
    <p class="button button-hook"> 同意协议并绑定</p>
</div>
<a id="xieyi" class="col-359df5 margin40 txt-right ft-24px db" href="/mine/agreement.html">《螺窝窝快捷支付服务协议》</a>
<a id="CITIB_Agreement_1" class="col-359df5 margin40 txt-right ft-24px db" style="display:none;"
   href="javascript:void(0);">《花旗银行储蓄卡协议》</a>
<a id="CITIB_Agreement_2" class="col-359df5 margin40 txt-right ft-24px db" style="display:none;"
   href="javascript:void(0);">《花旗银行信用卡协议》</a>
<a id="HSBC_Agreement_1" class="col-359df5 margin40 txt-right ft-24px db" style="display:none;"
   href="javascript:void(0);">《汇丰银行快捷支付用户协议》</a>
<a id="HSBC_Agreement_2" class="col-359df5 margin40 txt-right ft-24px db" style="display:none;"
   href="javascript:void(0);">《汇丰银行快捷支付用户协议》</a>
<input type="hidden" id="directReturnUrl" value="">
<input type="hidden" name="goBackUrl" id="goBackUrl" value="">
<input type="hidden" id="businessType" value="">
<input type="hidden" id="bizType" value="">
<input type="hidden" id="onlyDebit" value="">
<input type="hidden" id="hasInput" value="hasInput">
<input type="hidden" id="idNoType" value="1">
<input type="hidden" id="jdjr_app_success" value="7">
<input type="hidden" id="mall_app_success" value="/success/loginpage/wcoo/toSuccess?page=card">
<div id="header-shortcut-ul" class="homeBnt">
    <ul id="m_common_header_shortcut" class="jd-header-vertical-shortcut" style="display: none">
        <li id="m_common_header_shortcut_m_index"><a class="J_ping" report-eventid="MCommonHead_home"
                                                     report-eventparam="https://msc.jd.com/card/loginpage/wcoo/toAddNewCardPage">
            <span class="shortcut-index"
                  style="background: url() no-repeat center center;background-size: 15px"></span><strong>首页</strong></a>
        </li>
        <li id="m_common_header_shortcut_category_search"><a class="J_ping" report-eventid="MCommonHead_CategorySearch"
                                                             report-eventparam="https://msc.jd.com/card/loginpage/wcoo/toAddNewCardPage"
                                                             href="/mine/myWallet.html"><span
                class="shortcut-search"
                style="background: url() no-repeat center center;background-size: 15px"></span><strong>我的钱包</strong></a>
        </li>
        <li id="m_common_header_shortcut_p_cart"><a class="J_ping" report-eventid="MCommonHead_Cart"
                                                    report-eventparam="https://msc.jd.com/card/loginpage/wcoo/toAddNewCardPage"
                                                    href="https://p.m.jd.com/cart/cart.action"><span
                class="shortcut-cart"
                style="background: url() no-repeat center center;background-size: 15px"></span><strong>购物车</strong></a>
        </li>
        <li id="m_common_header_shortcut_h_home" class=" current"><a class="J_ping" report-eventid="MCommonHead_MYJD"
                                                                     report-eventparam="https://msc.jd.com/card/loginpage/wcoo/toAddNewCardPage"
                                                                     href="https://home.m.jd.com/"><span
                class="shortcut-home"
                style="background: url() no-repeat center center;background-size: 15px"></span><strong>我的螺窝窝</strong></a>
        </li>
        <li id="m_common_header_shortcut_h_footprint"><a class="J_ping" report-eventid="MCommonHead_FootPrint"
                                                         report-eventparam="https://msc.jd.com/card/loginpage/wcoo/toAddNewCardPage"
                                                         href="https://home.m.jd.com/myJd/history/wareHistory.action?functionId=liulanjilu"><span
                class="shortcut-footprint"
                style="background: url() no-repeat center center;background-size: 15px"></span><strong>浏览记录</strong></a>
        </li>
    </ul>
</div>
<div id="header-mask" style="display: none;"></div>
<script src="/css/添加银行卡_files/cryptico.min.js.下载"></script>
<script src="/css/添加银行卡_files/aks.js.下载"></script>
<script src="/css/添加银行卡_files/showBankAgreement.js.下载" type="text/javascript"></script>

<script src="/css/添加银行卡_files/card.js.下载" type="text/javascript"></script>
<script type="text/javascript">

</script>

<script type="text/javascript">

</script>

<script type="text/javascript">
    var dimensionParms = "A02,B01,default,default,default,default", liehu_biz = "accountBindCard";
</script>
<script src="/css/添加银行卡_files/liehu.js.下载"></script>
<a analysis="A02,B01,default,default,default,default"></a>


<div id="shSafetyPV" style="display: none;"></div>
</body>
</html>